<template>
  <div class="likeCount">
    <i class="fa fa-heart "  :class="me_is_like?'':'fontblack'" @click="dolike"> {{likeCount}}</i>
  </div>
</template>
<script type="text/javascript">
export default {
  props:{
    article_id:{
      type:[Number,String],
      default:0
    },
    plikecount:{
      type:[Number,String],
      default:-1
    },
    pme_is_like:{
      type:[Boolean,Number,String],
      default:false
    }
  },
  data(){
    return {
      likeCount:this.plikecount,
      me_is_like:this.pme_is_like
    }
  },
  methods:{
    get_a_like_count(){
      var _this=this
      myjs.get_a_like_count({article_id:_this.article_id},function(data){
        _this.likeCount=data.data
      })
    },
    dolike(e){
      var _this = this
      myjs.checkUserIsLogin(function(){
        var $dom=$(e.target)
        myjs.alikedo({article_id:_this.article_id},function(data){
          _this.get_a_like_count()
          _this.me_is_like=data.like
          myjs.popPoint($dom,data)
        })
      },function(){
        myjs.calllogin()
      })
    }
  },
  mounted(){
    var _this=this
    if (_this.likeCount==-1) {
      _this.get_a_like_count()
    }
  }
}
</script>
<style type="text/css" scoped>
.likeCount{display: block;width: 1rem;height: auto}
</style>
